* {
  margin: 0;
  padding: 0;
}
html,
body {
  background: #ecf0f5;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #00a65a;
  color: white;
}
.header span {
  padding: 2vw 5vw;
}
.header p {
  padding: 2vw 5vw;
}
.header .menu-icon {
  width: 8vw;
  height: 1.3vw;
  border-top: 1.3vw solid white;
  border-bottom: 1.3vw solid white;
  background-color: white;
  padding: 1.3vw 0;
  background-clip: content-box;
}
#canvas-warp {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
}
#canvas-warp .nav {
  width: 70vw;
  height: 100vh;
  background: #222d32;
}
#canvas-warp .nav .nav-ul {
  margin-top: 10vw;
  font-size: 18px;
  color: white;
}
#canvas-warp .nav .nav-ul li {
  padding: 4vw;
}
#canvas-warp .nav .nav-ul .son-nav {
  margin-top: 2vw;
  font-size: 16px;
}
#canvas-warp .nav .nav-ul .son-nav a {
  color: white;
  text-decoration: none;
}
#canvas-warp .mask {
  width: 30vw;
  height: 100vh;
  background: #222e33;
  opacity: 0.8;
}
.content {
  padding: 8vw 4vw;
}
.content .content-box {
  background: white;
  border: 1px solid #ddd;
  border-radius: 9px;
}
.content .content-box .title {
  font-size: 18px;
  padding: 4vw;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .content-box .title .jump-bank {
  border: 1px solid #999;
  padding: 1vw 2vw;
  border-radius: 6px;
}
.content .content-box .content-box-con {
  margin: 4vw;
  padding: 2vw;
  border-radius: 6px;
  background: #f5f5f5;
}
.content .content-box .content-box-con div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2vw 0;
}
.content .content-box .content-box-con div span {
  display: inline-block;
  width: 26%;
  text-align: right;
}
.content .content-box .content-box-con div input {
  width: calc(52%);
  height: 8vw;
  outline: none;
  border: 1px solid #333;
  padding: 0 4vw;
  color: #999;
  font-size: 16px;
  border-radius: 6px;
}
.content .content-box .content-box-con div select {
  width: 62%;
  height: 8vw;
  outline: none;
  border: 1px solid #333;
  color: #999;
  font-size: 16px;
  border-radius: 6px;
  background: white;
}
.content .content-box .content-box-con div p {
  width: 70%;
}
.content .content-box .content-box-con .time {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .content-box .content-box-con .time div {
  width: 62%;
  display: block;
}
.content .content-box .content-box-con .time div input {
  display: block;
  width: 80%;
  background: white;
}
.content .content-box .content-box-con .file input {
  padding: 0;
  border: none;
}
.content .content-box .content-box-btn {
  margin: 4vw;
  padding: 2vw;
  border-radius: 6px;
  background: #f5f5f5;
  text-align: center;
}
.content .content-box .content-box-btn button {
  padding: 2vw 4vw;
  font-size: 14px;
  background: #3c8dbc;
  border-radius: 6px;
  color: white;
  border: none;
}
.content .content-box .btn-new {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .content-box .examine-btn button {
  margin: 0 2vw;
}
.content .content-box .examine-btn > button:last-child {
  background: #dd4b39;
}
.content .content-box .content-box-table {
  margin: 4vw;
  padding: 2vw;
  border-radius: 6px;
  background: #f5f5f5;
}
.content .content-box .content-box-table .table {
  overflow-x: auto;
}
.content .content-box .content-box-table .table table tr th {
  font-weight: inherit;
  font-size: 16px;
  padding: 2vw 4vw;
  white-space: nowrap;
}
.content .content-box .content-box-table .table table tr td {
  white-space: nowrap;
  padding: 2vw 4vw;
  font-size: 16px;
  text-align: center;
  background: white;
}
.content .content-box .content-box-table .table table tr td button {
  width: 25vw;
  height: 10vw;
  border: none;
  color: white;
  border-radius: 9px;
  background: #3c8dbc;
}
.content .content-box .content-box-table .table table tr td > button:last-child {
  background: #dd4b39;
}
.content .content-box .content-box-table .page-container {
  margin: 4vw 2vw;
  text-align: center;
}
.content .content-box .content-box-table .page-container ul {
  display: inline-block;
}
